import React, { useState } from "react";
import './Action.css'

const Action = (props) => {
    const [ actionData ] = useState([
        {
            "id": 1,
            "title": '天天赚钱',
            "img": 'https://p0.meituan.net/linglong/9a16f817e464870de230a7b2ec4775282736.png',
        },
        {
            "id": 2,
            "title": '免费抽奖',
            "img": 'https://p1.meituan.net/linglong/47b684ab764e81bf5bf840e0ccc837c82011.png',
        },
        {
            "id": 3,
            "title": '吃一吃',
            "img": 'https://p0.meituan.net/linglong/4538cfbf5e4b34cb348bb8025e70b68c2966.png'
        },
        {
            "id": 4,
            "title": '限时秒杀',
            "img": 'https://p0.meituan.net/linglong/2ede6ca4c5d04ce10fa7efaddca478cf2777.png'
        },
        {
            "id": 5,
            "title": '天天领红包',
            "img": 'https://p1.meituan.net/linglong/28fcd16cf49ac05e4fa28e532a0eaef02003.png'
        }
    ])
    return (
        <>
            <div className="action-container">
                <div className="tabbar">活动中心</div>
                <div className="action-hd">
                    {
                        actionData.map((item,index) => {
                            return (
                                <div className="action-box" key={index}>
                                    <img src={item.img} alt="" />
                                    <div className="box-title">{item.title}</div>
                                </div>
                            )
                        })
                    }
                </div>
                <div className="action-img1">
                    <img src="https://p0.meituan.net/linglong/fd3969aae5350604ea59827d425dd6411341.png" />
                </div>
                <div className="action-img2">
                    <img src="https://p0.meituan.net/linglong/5279eb7772a8176d224e0c5234a987bc1259.png" />
                </div>
                <div className="action-bd">
                    <div className="action-box">
                        <img src="https://p0.meituan.net/linglong/fe8bf85a13be5dbdba8c0f75e92952779125.png" alt="" />
                        <div className="box-title">保卫家园</div>
                    </div>
                </div>
                
                
            </div>
        </>
    )
}

export default Action